<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>稀土掘金</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3991608_ldcbd7of1yl.css">
    <link rel="stylesheet" href="./index.css">
  </head>
  <body>
    <div class="nav">
        <div class="icon"><a href="https://juejin.cn/recommended"><img src="./屏幕截图 2023-04-15 194919.png"></a></div>
        <div class="head1">
          
            <ul>
                <li><a href="https://juejin.cn/"><span>首页</span></a></li>
                <li><a href="https://juejin.cn/pins"><span>沸点</span></a></li>
                <li><a href="https://juejin.cn/course"><span>课程</span></a></li>
                <li><a href="https://juejin.cn/live"><span>直播</span></a></li>
                <li><a href="https://juejin.cn/events/all"><span>活动</span></a></li>
                <li><a href="https://juejin.cn/challenge"><span>竞赛</span></a></li>
                <li><a href="https://detail.youzan.com/show/goods/newest?kdt_id=104340304"><span>商城</span></a></li>
                <li><a href="https://juejin.cn/app?utm_source=jj_nav"><span>APP</span></a></li>
                <li><a href="https://juejin.cn/extension?utm_source=jj_nav"><span>插件</span></a></li>
            </ul>
            <form action="">
                <div id="search">
                 <!--找到搜索框对应的位置-->
                 <div id="search-input">
                     <!--实际展示的搜索框-->
                     <input type="text" placeholder="搜索稀土掘金"/>
                 </div>
                  <!--找到搜索按钮对应的位置-->
                 <div id="search-btn">
                     <!--实际展示的搜索按钮-->
                     <button class="btn">
                         <i class="iconfont icon-sousuo"></i>
                     </button>
                    
                    
                 </div>
               </div>
              </form>

              <div class="zhuce">
                <span>登录  注册</span>
                <!--隐藏框-->
                <div id="hide-div">
                    <div>
                        <img src="./屏幕截图 2023-04-15 211448.png">
                    </div>
                </div>

            </div>

        </div>
    </div>

    <div class="left">

    </div>

    <div class="top">

    </div>

    <div class="main">

    </div>
    <div></div>
  </body>  
 <script src="./index.js"></script>
</html>